/**
 * 操作标签JS文件
 */
 var tagForm = $('#tagForm');
 //标签名
 var tagName = $('#tagName');
 //标签颜色
 var tagColor =$('#tagColor');
 ///提示框
 var msgId = $('#messageBox');
 
 //显示警告窗口
 function showMsg(boxId,timeOut,title){
 	boxId.slideDown().html(title);
 	setTimeout(function(){
 		boxId.slideUp().html('');		
 	},timeOut);
 }
 
 
 	//修改模态模式
 	$('table').delegate('.editBtn','click',function(){
 		//当前行
 		var trObj = $(this).parents('tr');
 		//获得修改的模态框 
 		$("#editModal").modal('show');
 		//修改表单
		var tid 	= $(this).parents('tr').data('tid');
		var tname   = $(this).parents('tr').data('name');
		var tcolor  = $(this).parents('tr').data('color');
		$('#currentTagName').val(tname);
		$('#currentTagName').css({'color':tcolor});
		$('#currentTagColor').val(tcolor);
		$('#tag_id').val(tid);
		//提交修改
		$('#change').one('click',function(){
			var newData = $('#editTag').serialize();
			ajaxSub(editTag,newData,function(data){
				//将新数据重新提交到相应的行上
				trObj.data('name',data.tag_name);
				trObj.data('color',data.tag_color);
				//重新定义颜色
				trObj.find('td:eq(1)').find('span').css({'color':data.tag_color});
				//重新定义内容
				trObj.find('td:eq(1)').find('span').html(data.tag_name);
				trObj.find('td:eq(2)').html(data.tag_color);
				//重置表单
				$('#noChange').trigger('click');
			});
		});
		
 	});
 	
 	//取消修改关闭窗口
 	$('#noChange').click(function(){
 		$('#editTag')[0].reset();
 		$("#editModal").modal('hide');
 	})
 
 

 	//弹出删除窗口
 	$('table').delegate('.delBtn','click',function(){
 		$('.delBtn').popover({
 			animation:true,
 			html:true,
 			trigger:'focus',
 			title:'<strong>您确定删除吗?</strong>',
 			content:'<a href="javascript:;" class="btn btn-danger btn-xs delSure">确定删除</a> <a href="javascript:;" class="btn btn-success btn-xs delCancle">取消</a>'
 		})
 	})
 	//取消删除
 	$('table').delegate('.delCancle','click',function(){
 		$('.delBtn').popover('hide');
 	})
 	//确定删除
 	$('table').delegate('.delSure','click',function(){
 		var tid = $(this).parents('tr').data('tid');//获得标签ID
 		ajaxSub(delTag,{tid:tid});
 		$(this).parents('tr').fadeOut('fast',function(){
 			//删除这行
 			$(this).remove();
 		});
 	})
// })
 
 
 
 tagForm.submit(function(){
 	if(!tagName.val()){
 		showMsg(msgId,3000,'标签名必须填写');
 		return false;
 	}
 	if(!tagColor.val()){
 		showMsg(msgId,3000,'标签颜色必须填写');
 		return false;
 	}
 	
 	ajaxSub(addTag,tagForm.serialize(),function(data){
 		var str = '<tr data-tid="'+data.tag_id+'">';
			str +='<td>'+data.tag_id+'</td>';
			str += '<td><span style="color:'+data.tag_color+';">'+data.tag_name+'</span></td>';
			str += '<td>'+data.tag_color+'</td>';
			str += '<td>';
			str += '<a href="javascript:;" class="btn btn-success btn-xs editBtn"><span class="glyphicon glyphicon-pencil"></span>修改</a> ';
			str += '<a href="javascript:;" class="btn btn-danger btn-xs delBtn" ><span class="glyphicon glyphicon-trash"></span>删除</a>';
			str += '</td></tr>';
		$('table').find('tr:first').after(str);
 	});
 })
